<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
		<style type="text/css">
			div{
				font-size: 20px;
			}
		</style>
	</head>
	<body>
		<button type="button">操作元素行内样式</button>
		<div style="width: 100px;height: 100px;background-color: aqua;">
			文本内容
		</div>
	</body>
	<script type="text/javascript" charset="utf-8">
			
			//获取元素
			var box=document.querySelector('div')
			var btn=document.querySelector('button')
			
			//获取非样式
			console.log(window.getComputedStyle(box).fontSize)
			
			//没有设置元素非行内样式的方法
	</script>
</html>
